Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: quando si clicka su una cella di una tabella (elemento <td>) questa viene selezionata e si colora di rosso il suo bordo (proprietà di stile borderColor). Se si clicka su una cella diversa da quella selezionata, prima di selezionarla si deseleziona quella precedente ripristando il colore del bordo al valore originario (deve essere memorizzato). Se si clicka sulla cella già selezionata questa viene deselezionata ripristinando il colore del bordo e nessuna cella dovrà risultare selezionata. Quando si entra in un paragrafo (elemento <p>, evento onmouseover) il colore del suo sfondo (proprietà di stile backgroundColor) assume quello della cella selezionata (se non c’è una cella selezionata non accade nulla). Quando si esce dal paragrafo (evento onmouseout) il colore del suo sfondo viene ripristinato al valore precedente (deve essere memorizzato).
| 11 | 12 | 13 |
| 21 | 22 | 23 |
| 31 | 32 | 33 |
Paragraph 1
Paragraph 2
Paragraph 3
Paragraph 4
Paragraph 5